<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="header/h5header::h5header(${title} != null ? ${title} : '帅小铺-实体创业社群服务平台',
'/assets/H5/libs/index/css.css,/assets/H5/css/loaders.css',
'/assets/H5/libs/index/index.js,
/assets/H5/libs/index/dropload.js')">
</head>
<body>
<!-- 正文 -->
<div class="Headline">
	<input type="hidden" th:value="${columnid}" id="colId">
	<div class="indexHeadline">
		<!-- logo 搜索栏 -->
		<div th:replace="common/h5/indextop :: top"></div>
		<!-- 导航栏 -->
		<div th:replace="common/h5/tabs :: tabs"></div>
	</div>
    <!-- 列表 -->
    <div class="conHeadline">
	    <div class="Headline-list">
	        <ul id="listUl"></ul>
	    </div>
	</div>
</div>
<!-- 加载中 -->
<script type="text/html" id="qqwww">
<li class="Headline-col">
	<!-- 有视频 -->
	{{# if(d.videoUrl != null && d.videoUrl != '' ){ }}
		<a href="/details/{{d.articleId}}" class="Headline-colA">
	        <div class="Headline-colA-l">
	            <h3 class="Headline-colA-lH3">{{d.title}}</h3>
	            <p class="Headline-colA-lP">{{d.summary}}</p>
	            <div class="Headline-colA-ld">
	                <img src="{{d.user.avatar}}" style="width:0.32rem;height:0.32rem;">
	                <span class="Headline-colA-rS">{{d.user.nickName}}</span>
					<span class="Headline-colA-rS">{{d.readSize}}阅读</span>
					<span class="Headline-colA-rS">{{d.time}}</span>
	            </div>
	        </div>
			<div class="Headline-colA-r">
				<div class="img-box-c">
		            <img src="{{d.coverVideo}}" alt=""/>
				</div>
	        </div>
	    </a>
	{{# } else { }}
		{{# if(d.imgs.length < 2 ){ }}
			<a href="/details/{{d.articleId}}" class="Headline-colA">
	        	<div class="Headline-colA-l">
	            	<h3 class="Headline-colA-lH3">{{d.title}}</h3>
	            	<p class="Headline-colA-lP">{{d.summary}}</p>
	            	<div class="Headline-colA-ld">
	                	<img src="{{d.user.avatar}}" style="width:0.32rem;height:0.32rem;">
	                	<span class="Headline-colA-rS">{{d.user.nickName}}</span>
						<span class="Headline-colA-rS">{{d.readSize}}阅读</span>
	                	<span class="Headline-colA-rS">{{d.time}}</span>
	            	</div>
	        	</div>
				{{# if(d.coverImage != '' ){ }}
	        		<div class="Headline-colA-r">
	            		<img src="{{d.coverImage}}" alt=""/>
	        		</div>
				{{#  } }}
	    	</a>
		{{# } else { }}
			<a href="/details/{{d.articleId}}" class="Headline-colB">
	        	<div class="Headline-colB-d1">
	            	<h3 class="Headline-colB-H3">{{d.title}}</h3>
	        	</div>
	        	<div class="Headline-colB-img">
	            	<ul>
	                	{{# layui.each(d.imgs, function(index, item){ }}
							{{# if(index < 3 ){ }}
								<li class="Headline-colB-li">
									<img class="diaryContent-IlImg" src="{{item}}" alt="" />
								</li>
							{{#  } }}
						{{# }); }}
	            	</ul>
	        	</div>
	        	<div class="Headline-colB-d2">
	            	<img src="{{d.user.avatar}}" style="width:0.32rem;height:0.32rem;">
	            	<span class="Headline-colB-rS">{{d.user.nickName}}</span>
					<span class="Headline-colA-rS">{{d.readSize}}阅读</span>
	            	<span class="Headline-colB-rS">{{d.time}}</span>
	        	</div>
	    	</a>
		{{#  } }}
	{{#  } }}
</li>
</script>
<script type="text/javascript">
layui.use(['layer', 'setter', 'mynotice', 'admin', 'ax', 'util', 'dataGrid'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var setter = layui.setter;
    var mynotice = layui.mynotice;
    var admin = layui.admin;
    var $ax = layui.ax;
    var util = layui.util;
    var dataGrid = layui.dataGrid;
    
    dataGrid.render({
        elem: '#listUl',  // 容器
        templet: '#qqwww',  // 模板
        url: '/loadmore/h5/column/' + $('#colId').val(),  // 数据接口
        loadMore: {limit: 10},  // 开启分页
        done: function(res, curr, count){
        	
        }
    });
    
});   
</script>
</body>
</html>